<div class="span12">
    <div ng-controller="LecturesController">
	    <h1 class="toppur">Lectures</h1>

        <div ng-repeat="lecture in lectures" class="span3">
            <a href="#/lecture/{{lecture.ID}}"><h3 class="lectureName">{{lecture.Name}}</h3></a>
            <p class="muted">{{lecture.Description}}</p>
        </div><br />
        <div class="span6">
            <form class="form-horizontal" ng-submit="submit()">  
                <fieldset>  
                    <legend>Add your own lecture!</legend>  
                    <div>
                        <p class="error"> <strong>{{error.code}} </strong>{{error.Message}}</p>.  
                    </div>  
                    <input class="span3" type="text" ng_model="Name" name="Name" placeholder="Name" required/><br /><br />
                    <input ng_model="LectureURL" class="span3" type="text" name="LectureURL" placeholder="URL" required/><br /><br />
                    <textarea ng-model="Description" class="input-xlarge" id="textarea" class="span3" rows="3" type="text" name="Description" placeholder="Description" cols="50" rows="8"></textarea>  
                    <br />
                    <button type="submit" class="btn btn-primary">Add lecture</button>  
                </fieldset>  
            </form>  
        </div>
    </div>
</div>

